<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>yibo</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="keywords">
    <meta content="" name="description">

    <!-- Google Web Fonts -->

    <!-- Icon Font Stylesheet -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/>

    <!-- Libraries Stylesheet -->
    <link href="lib/animate/animate.min.css" rel="stylesheet">
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <link rel="stylesheet" href="css/tap.css">
    <link rel="stylesheet" href="/css/bootstrap-icons-1.10.0/bootstrap-icons.css">
    <script src="/js/jquery.min.js"></script>
    <style>
        #scrollable {
            background: white;
            box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
        }

        .nav-item {
            color: #000 !important;
        }
    </style>

</head>
<body>

<!-- Spinner Start -->
<div id="spinner"
     class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
    <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
        <span class="sr-only">Loading...</span>
    </div>
</div>
<!-- Spinner End -->


<!-- Navbar & Hero Start -->
<div id="header" class="sticky-top"></div>
<script>
    $('#header').load('/components/header.html')
</script>
<!-- Navbar & Hero End -->
<!-- 联系 -->
<div class="bg-content container-fluid py-5">
    <div class="container py-xl-5">
        <!-- 标题 -->
        <div class="pb-5 wow fadeInUp text-center" data-wow-delay="0.1s">
            <span class="part-title fs-5 text-dark">加入我们</span>
            <div class="fs-6 mx-xl-5 px-xl-5" style="color: #041c57">
                我们始终相信，一切胜利的基础都是使命、愿景与价值观的胜利；我们始终相信，长盛不衰的底气源于公司与人才的共同成长；
            </div>
            <div class="fs-6 mx-xl-5 px-xl-5" style="color: #041c57">期待您的加入，与您共同成长、共攀高峰。</div>
        </div>
        <!-- 标题 End -->
        <div class="row justify-content-center text-center text-white wow fadeInUp" data-wow-delay="0.1s">
            <div class="col-6 col-xl-2">
                <div class="px-3 py-2" style="background: #041c56;border-radius: .25rem">社会招聘</div>
            </div>
        </div>
    </div>
</div>
<!-- 联系 End -->
<!-- 荣誉 -->
<div class="bg-content2 container-fluid py-5">
    <div class="container py-xl-5">
        <!-- 标题 -->
        <div class="pb-5 wow fadeInUp text-center" data-wow-delay="0.1s">
            <div class="fs-6 mx-xl-5 px-xl-5 text-white">
                我们相信最终的胜利一定是价值观的胜利。
                公司成立第一天到这一天，初心未变，就是要在科技产业化和产业科技化浪潮中，
                全栈服务科技及 To B 企业，并在此路途中不断自我深耕。我们坚信自身的专业性，
                用客观详尽且有前瞻性的战略分析为客户伙伴提供建言建议，
                用专业的投融资能力和完善的服务流程帮助客户解决问题。
            </div>
            <div class="fs-6 mx-xl-5 px-xl-5 text-white">客户第一、集体作战、勇攀险峰、坦诚沟通、开放包容、令行禁止</div>
        </div>
        <!-- 标题 End -->
        <div class="pb-5 wow fadeInUp text-center" data-wow-delay="0.1s">
            <span class="part-title fs-5 text-white">联系我们</span>
        </div>
        <div class="row wow fadeInUp gy-5 gy-xl-0" data-wow-delay="0.1s">
            <div class="col-12 col-xl-4">
                <div class="city-container text-center border p-3 rounded" style="color: #bcbfc8;border-color: rgba(185,197,218,.3)!important;">
                    <div class="city-img p-3">
                        <img class="img-fluid" src="/static/index/city1.png" alt="">
                    </div>
                    <div class="city-title text-white">北京 朝阳区</div>
                    <div class="city-address mt-2 mb-3">亮马桥DRC外交办公大楼D1座902</div>
                    <div class="city-desc">
                        Chaoyang District, Beijing
                        902, Block D1, DRC Diplomatic Office
                        Building, Liangmaqiao
                    </div>
                </div>
            </div>
            <div class="col-12 col-xl-4">
                <div class="city-container text-center border p-3 rounded" style="color: #bcbfc8;border-color: rgba(185,197,218,.3)!important;">
                    <div class="city-img p-3">
                        <img class="img-fluid" src="/static/index/city2.png" alt="">
                    </div>
                    <div class="city-title text-white">北京 朝阳区</div>
                    <div class="city-address mt-2 mb-3">亮马桥DRC外交办公大楼D1座902</div>
                    <div class="city-desc">
                        Chaoyang District, Beijing
                        902, Block D1, DRC Diplomatic Office
                        Building, Liangmaqiao
                    </div>
                </div>
            </div>
            <div class="col-12 col-xl-4">
                <div class="city-container text-center border p-3 rounded" style="color: #bcbfc8;border-color: rgba(185,197,218,.3)!important;">
                    <div class="city-img p-3">
                        <img class="img-fluid" src="/static/index/city3.png" alt="">
                    </div>
                    <div class="city-title text-white">北京 朝阳区</div>
                    <div class="city-address mt-2 mb-3">亮马桥DRC外交办公大楼D1座902</div>
                    <div class="city-desc">
                        Chaoyang District, Beijing
                        902, Block D1, DRC Diplomatic Office
                        Building, Liangmaqiao
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 荣誉 End -->

<div id="footer"></div>
<script>
    $('#footer').load('/components/footer.html')
</script>
<!-- JavaScript Libraries -->
<script src="/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/counterup/counterup.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>

</html>
